/**
 * Created by kira on 17/6/30.
 */
import React from "react";
import Reflux from "reflux";
import store from "./LoginStore";
import {Form, Input, Button, Row, Col, Icon} from "antd";
import "./Login.less";

class LoginComponent extends Reflux.Component {
    constructor(props) {
        super(props);
        this.store = store;
    }

    render() {
        return (
            <Row className="login-row" type="flex" justify="space-around" align="middle">
                <Col span="8">
                    <Form layout="horizontal" className="login-form">
                        <h2 className="logo"><span>logo</span></h2>
                        <Form.Item>
                            <Input prefix={<Icon type="user" style={{ fontSize: 13 }} />} placeholder='admin'/>
                        </Form.Item>
                        <Form.Item>
                            <Input prefix={<Icon type="lock" style={{ fontSize: 13 }} />} type='password'
                                   placeholder='123456'/>
                        </Form.Item>
                        <p>
                            <Button className="btn-login" type='primary' size="large" icon="poweroff"
                                    loading={this.state.loading} htmlType='submit'>确定</Button>
                        </p>
                    </Form>
                </Col>
            </Row>
        )
    }
}
export  default LoginComponent;